<template>
	<view class="flex wrapper">
		<view @click="submit" class="center btn-left">
			提交
		</view>
		<view @click="cancel" class="center btn-right">
			取消
		</view>
	</view>
</template>

<script>
	export default {
		methods: {
			submit() {
				this.$emit('submit')
			},
			cancel() {
				this.$emit('cancel')
			}
		}
	}
</script>

<style scoped lang="scss">
	.wrapper {
		padding: 2rpx 15rpx 4rpx 15rpx;

		view {
			width: 184rpx;
			height: 80rpx;
			border-radius: 4rpx;
			font-size: 30rpx;
		}

		.btn-left {
			color: #FFFFFF;
			background-color: #3961FA;
		}

		.btn-right {
			border: 1rpx solid #AAAAAA;
			color: #777777;
			margin-left: 28rpx;
		}
	}
</style>
